/* 1.背景图  可以移动 */
body{
	/* 背景复合属性：路径地址  相对路径加图片全称 */
	background:url(../img/bg.jpg);
	/* 背景图口径属性  */
	background-size: 100% 780px;
}
/* 标题 */
h1{
	/* 文字放大 */
	font-size: 60px;
	/* 文本字体 华文彩云 */
	font-family: "华文彩云";
	/* 文本加粗 */
	font-weight: 900;
	text-shadow: 5px 5px 5px #ff0;
	/* 字体颜色 */
	color: #f00;
	/* 透明度 */
	
}
/* 3.熊  空间加背景图  移动 */
#bear{
	width: 300px;
	height: 400px;
	border: 0px solid red;
	/* 背景图 */
	background: url(../img/bear_1.png) no-repeat;
	/* 背景图沾满整个熊空间 */
	background-size: 100% 100%;
	/* 微调定位 */
	position: absolute;
	top: 24px;
	left: -40px;
	/* 启动动画 */
	animation: bear 2s linear infinite;
}
/* 创建关键帧     背景图改变  位置改变*/
@keyframes bear{
	0%{
		background: url(../img/bear_1.png) no-repeat;
		background-size: 100% 100%;
		top: 24px;
		left: -40px;
		transform: rotate(180deg) scale(0.1);
	}
	10%{
		background: url(../img./bear_1.png) no-repeat;
		background-size: 100% 100%;
		top: 222px;
		left: 333px;
	}
	20%{
		background: url(../img/bear_2.png) no-repeat;
	background-size: 100% 100%;
	top: 175px;
	left: 444px;
	}
	30%{
		background: url(../img/bear_3.png) no-repeat;
		background-size: 100% 100%;
		top: 253px;
		left: 666px;
	}
	40%{
		background: url(../img/bear_4.png) no-repeat;
		background-size: 100% 100%;
		top: 234px;
		left: 444px;
	}
	50%{
		background: url(../img/bear_5.png) no-repeat;
		background-size: 100% 100%;
		top: 222px;
		left: 333px;
	}
	60%{
		background: url(../img/bear_6.png) no-repeat;
		background-size: 100% 100%;
		top: 111px;
		left: 222px;
	}
	70%{
		background: url(../img/bear_7.png) no-repeat;
		background-size: 100% 100%;
		top: 345px;
		left: 222px;
	}
	80%{
		background: url(../img/bear_8.png) no-repeat;
		background-size: 100% 100%;
		top: 330px;
		left: 333px;
	}
	90%{
		background: url(../img/bear_9.png) no-repeat;
		background-size: 100% 100%;
		top: 299px;
		left: 365px;
	}
	100%{
		background: url(../img/bear_1.png) no-repeat;
		background-size: 100% 100%;
		top: 20px;
		left: -40px;
	}
}